<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page session="false" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<html>
<head>
	<title>Home</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width">
    <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
    <script type="text/javascript" src="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>

	<style type="text/css">
		*{margin:0px; padding:0px;}
		ul{list-style: none;}
		img{width: 500px; height: 350px; font-weight:bold; }
	</style>
</head>
<body>
	<script type="text/javascript" src="resources/js/jquery.js"></script>
	<script type="text/javascript" src="resources/js/jquery.innerfade.js"></script>
	<script type="text/javascript">
	   $(document).ready(
				function(){
					$('ul#portfolio').innerfade({
						speed: 1000,
						timeout: 2000,
						type: 'sequence',
						containerheight: '220px'
					});
				});
  	</script>
  	<button class="btn btn-primary" type="button" onclick="javascript:location.href='NewFile'">Link 이동</button>
  	<h3>A list with images and links</h3>
		<ul id="portfolio">
			<li>
				<a href="http://www.naver.com"><img src="resources/images/pikicast-141496156.jpg" alt="Good Guy bad Guy" /></a>
			</li>
			<li>
				<img src="resources/images/pikicast1851135274.jpg" alt="Whizzkids" />
			</li>
			<li>
				<img src="resources/images/pikicast234639988.jpg" alt="Königin Mutter" />
			</li>
			<li>
				<img src="resources/images/pikicast298691390.jpg" alt="RT Hybride Archivierung" />
			</li>
		</ul>
</body>
</html>
